﻿@model LeEdu.MODEL.UserInfo

@{
    Layout = null;
}

<!DOCTYPE html>
<!-- saved from url=(0025)http://boolan.com/setting -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <meta property="qc:admins" content="24314006454166375">
    <meta name="baidu-site-verification" content="KvVr95tdga">


    <link href="http://boolan.com/favicon.ico" type="image/x-icon" rel="icon">
    <link href="http://boolan.com/favicon.ico" type="image/x-icon" rel="shortcut icon">
    <title>设置 | 乐知教育</title>

    <link rel="stylesheet" href="/Content/Index/css/shared-layout-6715bec318.css">
    <style>
        * {
            -moz-box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            -o-box-sizing: border-box !important;
            -ms-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }

        #top-hint {
            min-width: 1200px;
        }

        .navbar {
            min-width: 1200px;
        }

            .navbar:before, .navbar:after {
                content: " ";
                display: table;
            }

            .navbar:after {
                clear: both;
            }


        .footer {
            min-width: 1200px;
        }

            .footer:before, .footer:after {
                content: " ";
                display: table;
            }

            .footer:after {
                clear: both;
            }


            .footer li > a {
                line-height: normal;
            }


        .notification {
            position: absolute;
            width: 170px;
            background-color: #F3EFC4;
            color: #2c3e50;
            font-size: 12px;
            top: 75px;
            z-index: -1;
        }

        .notification-item {
            height: 30px;
            line-height: 30px;
            padding-left: 12px;
            margin-top: 0;
            margin-bottom: 0;
            display: none;
        }

            .notification-item .btn-close {
                width: 14px;
                height: 14px;
                margin: auto;
                float: none;
                display: inline-block;
                float: right;
                margin-top: 8px;
                margin-right: 4px;
            }

                .notification-item .btn-close:hover {
                    cursor: pointer;
                }

        .notification-item-checklink {
            color: #3665ad;
        }

        #top-hint {
            background: #fff29d;
        }

        .top-hint-close-button {
            display: block;
            float: right;
            margin-right: 20px;
        }

            .top-hint-close-button:hover {
                cursor: pointer;
            }

        .top-hint-mainPart {
            height: inherit;
            float: left;
            width: 1000px;
            height: 38px;
        }

            .top-hint-mainPart > p {
                margin-top: 8px;
                margin-bottom: 0;
                color: #333;
            }

            .top-hint-mainPart:hover {
                cursor: pointer;
            }
    </style>

    <link href="/Content/Index/css/acccount.min.css" rel="stylesheet">
    <link href="/Content/Index/css/bootstrap.min.css" rel="stylesheet">
    <link href="/Content/Index/css/jquery.Jcrop.min.css" rel="stylesheet">
    <link href="/Content/Index/css/account-setting.css" rel="stylesheet">
    <link rel="stylesheet" href="/Content/Index/css/geekbandcoupon-index-0e26fa59cb.css">
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <style>
        .placeholder {
            visibility: hidden;
            height: 0;
        }



        .coupon-table td:first-of-type {
            font-size: 16px;
        }

        .setting-ItemLabel {
            width: 107px;
        }

        .setting-basicItemLabel {
            width: 76px;
        }

        .setting-basicTitle {
            width: 76px;
        }
    </style>

    <script src="http://hm.baidu.com/hm.js?cb581c4d338ec0f3b1ae74d12dad369a"></script>
    <script type="text/javascript">
        $(function()
        {
            $('#xxzl').click(function()
            {
                //alert(2)
                if (@Model.Sex==1) {

                    alert(1)
                    $('#Sex2').attr("checked",true);
                }
            })
        })





        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?cb581c4d338ec0f3b1ae74d12dad369a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        function editpwd() {
            var uid = $('#UserInfoId').val();
            var upwd = $('#passwordConfirm').val();
            $.post('/Home/Personage1', { id: uid, pwd: upwd }, function (data) {
                if (data == 1) {
                    $('#setting-passwordEditor').modal('hide')
                }
            })
        }

        function nn() {
            var uid = $('#UserInfoId').val();
            var Uname = $('#nickname').val();
            $.post('/Home/EditName', { id: uid, Uname: Uname }, function (data) {
                if (data == "1") {
                    alert("保存成功")
                    location.href = '/Home/Personage?id=' + uid;
                }
                else {
                    alert("保存失败")
                }
            })
        }

        function ee() {
            var Sex;
            if (document.getElementById('Sex2').checked) {
                Sex = 1;
            }
            var uid = $('#UserInfoId').val();
            var PhoneNum = $('#PhoneNum').val();
            var XingMing = $('#XingMing').val();
            var Job = $('#Job').val();
            var Post = $('#Post').val();
            var QQ = $('#QQ').val();
            var WeChat = $('#WeChat').val();
            var Self = $('#Self').val();
            $.post('/Home/EditUser', { id: uid, PhoneNum: PhoneNum, XingMing: XingMing, Sex: Sex, Job: Job, Post: Post, QQ: QQ, WeChat: WeChat, Self: Self }, function (data) {
                if (data == "1") {
                    alert("保存成功")
                }
                else {
                    alert("保存失败")
                }
            }

            )
        }


        function cc() {
            var d = $('#cc').html()
            $('#setting-contentRight').html(d)
            $('#setting-basicButton').removeClass("expertInterview-side-item-selected")
            $('#setting-basicButton').addClass("expertInterview-side-item")
            $('#setting-detailButton').removeClass("expertInterview-side-item")
            $('#setting-detailButton').addClass("expertInterview-side-item-selected")
        }
        function dd() {
            var d = $('#dd').html()
            $('#setting-contentRight').html(d)
            $('#setting-detailButton').removeClass("expertInterview-side-item-selected")
            $('#setting-detailButton').addClass("expertInterview-side-item")
            $('#setting-basicButton').removeClass("expertInterview-side-item")
            $('#setting-basicButton').addClass("expertInterview-side-item-selected")
        }



    </script>




</head>
<body>

    <header class="navbar">
        <div class="container">
            <h1 class="navbar-brand"><a href="/Home/Index"><img src="http://boolan.com/img/boolan-logo.png"></a></h1>
            <nav class="nav navbar-nav">            
                <ul>
                    <li><a href="/Home/Index" class="active">首页</a></li>
                    <li><a href="/Home/Boutique">精品课程</a></li>
                    <li><a href="/Home/GeekClass">极客班</a></li>
                    <li><a href="/Admin/Showteacher">专家名师</a></li>
                </ul>
            </nav>
            @{
                if (Session["User"] != null)
                {
                    if (Convert.ToInt32(Session["RoleId"]) == 0)
                    {
            <figure class="avatar navbar-avatar dd-menu">
                @{
                        var ddd = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Avatar;
                        if (ddd == null)
                        {
                            <img class="dd-menu-trigger" src="~/Content/img/default-head-image.png" />
                        }
                        else
                        {
                            <img class="dd-menu-trigger" src="~/Img/@ddd" />
                        }

                }

                <ul>
                    @{var c = (Session["User"] as LeEdu.MODEL.UserInfo).UserInfoId; }
                    <li>
                        <a href="/Home/Personage/@c">
                            <img src="/Content/Index/img/setting.png" /><span>个人设置</span>
                        </a>
                    </li>
                    <li>
                        <a href="/my/Index">
                            <img src="/Content/Index/img/messages.png" /><span>我的教学</span>
                        </a>
                    </li>
                    <li>
                        <a href="/Home/Exit">
                            <img src="/Content/Index/img/signout.png" /><span>注销登录</span>
                        </a>
                    </li>
                    <li>
                        <a href="/Admin/Index">
                            <img src="/Content/Index/img/signout.png" /><span>后台管理</span>
                        </a>
                    </li>
                </ul>
                <figcaption style="height:75px;"><span>@Session["Uname"]</span></figcaption>
            </figure>
                    }
                    else
                        if (Convert.ToInt32(Session["RoleId"]) == 1 )
                        {
            <figure class="avatar navbar-avatar dd-menu">
                @{
                            var ddd = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Avatar;
                            if (ddd == null)
                            {
                                <img class="dd-menu-trigger" src="~/Content/img/default-head-image.png" />
                            }
                            else
                            {
                                <img class="dd-menu-trigger" src="~/Img/@ddd" />
                            }

                }

                <ul>
                    @{var c = (Session["User"] as LeEdu.MODEL.UserInfo).UserInfoId; }
                    <li>
                        <a href="/Home/Personage/@c">
                            <img src="/Content/Index/img/setting.png" /><span>个人设置</span>
                        </a>
                    </li>

                    <li>
                        <a href="/Order/MyOrder">
                            <img src="~/Content/images/Index2.png" />
                            <span>我的订单</span>
                        </a>
                    </li>
                    <li>
                        <a href="/my/Index">
                            <img src="/Content/Index/img/messages.png" /><span>我的学习</span>
                        </a>
                    </li>

                    <li>
                        <a href="/Login/Index">
                            <img src="/Content/Index/img/signout.png" /><span>注销登录</span>
                        </a>
                    </li>


                </ul>
                <figcaption style="height:75px;"><span>@Session["Uname"]</span></figcaption>
            </figure>
                        }
                        else
                            if (Convert.ToInt32(Session["RoleId"]) == 2)
                            {
                                <figure class="avatar navbar-avatar dd-menu">

                                    @{ var ddd = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Avatar;
                                     if (ddd == null)
                                     {
                                        <img class="dd-menu-trigger" src="~/Content/img/default-head-image.png" />
                                     }
                                     else
                                     {
                                        <img class="dd-menu-trigger" src="~/Img/@ddd" />
                                     }
                                    }
                                    <ul>
                                        @{
                                var c = (Session["User"] as LeEdu.MODEL.UserInfo).UserInfoId; }
                                        <li>
                                            <a href="/Group/batchShow">
                                                <span class="pull-right num"></span>
                                                <i class="es-icon es-icon-notificationson"></i>站内通知
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Home/Personage/@c">
                                                <img src="/Content/Index/img/setting.png" /><span>个人设置</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/my/Index">
                                                <img src="/Content/Index/img/messages.png" /><span>我的教学</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Course/index">
                                                <img src="/Content/Index/img/messages.png" /><span>教师课程</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/Login/Index">
                                                <img src="/Content/Index/img/signout.png" /><span>注销登录</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <figcaption style="height:75px;"><span>@Session["Uname"]</span></figcaption>
                                </figure>
                            }
                }
                else
                {
            <div class="navbar-button-group button-group">
                <ul>
                    <li>

                        <a class="button" href="/Register/Index">注册</a>

                    </li>


                    <li><a class="button-blue" href="/Login/Index">登录</a></li>

                </ul>
            </div>}}
        </div>
    </header>
    <div id="main">

        <div id="setting-main">
            <div id="setting-title">个人设置</div>
            <div id="setting-content">
                <div id="setting-contentLeft">
                    <div id="setting-basicButton" class="expertInterview-side-item-selected" onclick="dd()">基本资料</div>
                    <div id="setting-detailButton" class="expertInterview-side-item" onclick="cc()">详细资料</div>
                </div>
                <div id="setting-contentRight">
                    <div class="setting-title booTitleFont" style="margin-top:16px;margin-left:30px;">基本资料</div>
                    <div class="setting-Item" style="margin-top: 0; margin-bottom: 26px;">
                        <div class="setting-basicTitle booContentFont">帐号:</div>
                        <div id="setting-email" class="booContentFont">@Model.Email</div>
                        <a href="http://boolan.com/setting#setting-passwordEditor" role="button" data-toggle="modal">
                            <div id="setting-changePassword" class="booBlueFont">修改密码</div>
                        </a>
                    </div>
                    <div class="setting-basicHeadimageItem" style="margin-bottom: 26px;">
                        <div class="setting-basicTitle booContentFont">头像:</div>
                        <div id="setting-headimage">
                            @{var dd = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Avatar;
                            if (dd != null)
                            {
                                <img id="setting-headimageSRC" src="~/Img/@dd" />
                            }
                            else
                            {
                                <img id="setting-headimageSRC" src="~/Content/img/default-head-image.png" />
                            }
                            }
                        </div>
                        <a href="http://boolan.com/setting#setting-headimageEditor" role="button" data-toggle="modal">
                            <div id="setting-changeHeadimage" class="booBlueFont">更改头像</div>
                        </a>
                    </div>
                    <div class="setting-Item">
                        <span class="setting-basicItemLabel">
                            <span class="setting-ItemLabelStar">*</span>
                            <span class="setting-ItemLabelName booContentFont">用户名:</span>
                        </span>
                        @{var d = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Uname; }
                        <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" placeholder="2-8位中文字、字母或数字组合" id="nickname" type="text" name="Uname" value="@Model.Uname" data-form-un="1449141125131.3188">
                        <div class="settingMessage" id="settingNicknameMessage">
                            <div class="settingMessageLabel"><span id="messageSpan" style="padding-left: 10px">昵称必须2-8位</span></div>
                            <div class="settingMessageRoundDiv">！</div>
                        </div>
                    </div>
                    <div class="setting-ButtonContent">
                        <div class="booui_bluebutton booui_button_small" id="srtting-saveBtn" onclick="nn()">保存</div>
                        <div id="setting-saveMessage" class="booTextFont4">保存成功!</div>
                    </div>
                </div>
                <div style="clear: both"></div>
            </div>

        </div>
        <div class="placeholder"><p>placeholder</p></div>

        <div id="setting-headimageEditor" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div id="setting-headimageEditorContent">
                <div class="setting-headimageTitleContent">
                    <div class="booTitleFont setting-headimageTitle">更改头像</div>
                    <div class="setting-headimageMessage booDetailFont">(180*180,支持2M以下JPG或PNG)</div>
                    <div class="setting-headimageCancelBtn" id="changeHeadimageCancelButton"></div>
                </div>
                <div id="srcImageDiv" style="width: 350px; height: 250px; border-color: black; border-width: 1px; border-style: solid; margin-left: 63px">
                </div>
                <div id="setting-changeHeadimageContent">
                    <div style="height: 32px; margin-left: 63px; position: relative; margin-top: 20px">
                        <form method="post" id="crop_form" enctype="multipart/form-data" action="/Home/FileImg">

                            <input type="file" accept="image/jpeg,image/png" name="Avatar" id="doc" style="opacity: 0; width: 100px; height: 30px; position: absolute; top: 0px; left: 0px;">
                            <input type="hidden" id="x" name="xPer" value="55">
                            <input type="hidden" id="y" name="yPer" value="11">
                            <input type="hidden" id="w" name="widthPer" value="106">
                            <input type="hidden" id="h" name="heightPer" value="106">
                            <input type="hidden" id="angle" name="angle" value="0">
                            <input id="Hidden1" type="hidden" name="UserInfoId" value="@Model.UserInfoId" />
                            <input id="Hidden1" type="hidden" name="Uname" value="@Model.Uname" />
                            <input id="Hidden1" type="hidden" name="Upwd" value="@Model.Upwd" />
                            <input id="Hidden1" type="hidden" name="RoleId" value="@Model.RoleId" />
                            <input id="Hidden1" type="hidden" name="Tisornot" value="@Model.Tisornot" />
                            <input id="Hidden1" type="hidden" name="Sex" value="@Model.Sex" />
                            <input id="Hidden1" type="hidden" name="IDCard" value="@Model.IDCard" />
                            <input id="Hidden1" type="hidden" name="PhoneNum" value="@Model.PhoneNum" />
                            <input id="Hidden1" type="hidden" name="Company" value="@Model.Company" />
                            <input id="Hidden1" type="hidden" name="Job" value="@Model.Job" />
                            <input id="Hidden1" type="hidden" name="Post" value="@Model.Post" />
                            <input id="Hidden1" type="hidden" name="Idiograph" value="@Model.Idiograph" />
                            <input id="Hidden1" type="hidden" name="Self" value="@Model.Self" />
                            <input id="Hidden1" type="hidden" name="PersonalHome" value="@Model.PersonalHome" />
                            <input id="Hidden1" type="hidden" name="Microblog" value="@Model.Microblog" />
                            <input id="Hidden1" type="hidden" name="QQ" value="@Model.QQ" />
                            <input id="Hidden1" type="hidden" name="WeChat" value="@Model.WeChat" />
                            <input id="Hidden1" type="hidden" name="Email" value="@Model.Email" />
                            <input id="Hidden1" type="hidden" name="XingMing" value="@Model.XingMing" />
                            <input id="Hidden1" type="hidden" name="UTime" value="@Model.UTime" />
                            <input id="Hidden1" type="hidden" name="TeacherCheck" value="@Model.TeacherCheck" />
                            <input id="Hidden1" type="hidden" name="EmailAddress" value="@Model.EmailAddress" />
                            <input id="Hidden1" type="hidden" name="EmailContent" value="@Model.EmailContent" />
                            <input id="Hidden1" type="hidden" name="SealState" value="@Model.SealState" />
                            <input id="Submit1" type="submit" value="确定" class="booui_bluebutton booui_button_small" style="float:right">
                        </form>
                        <div class="booui_button_small" style="position: absolute; top: 0px; left: 0px; z-index: -1; background: gray; color: white; text-align: center;">选择图片</div>
                        <label id="img-message" style="position: absolute; left: 110px"></label>
                    </div>
                </div>
                @*<div id="changeHeadimageSaveButton" class="booui_bluebutton booui_button_small">确定</div>*@
                <div id="uploadImageProgress" class="booDetailFont">上传中...(0%)</div>
            </div>
        </div>

        <div id="setting-passwordEditor" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="setting-headimageTitleContent">
                <div class="booTitleFont setting-headimageTitle">更改密码</div>
                <div class="setting-headimageCancelBtn" id="changePasswordCancelButton"></div>
            </div>
            <input id="UserInfoId" type="hidden" name="UserInfoId" value="@Model.UserInfoId" />
            <div id="setting-passwordEditorContent">
                <div class="setting-password">
                    <div class="setting-label booContentFont"><span style="color: red; margin-right: 3px;">*</span><span>旧密码：</span></div>
                    <div class="setting-inputContent">
                        <input id="oldpassword" class="setting-input" placeholder="6-18位字母或数字组合" type="password" name="Upwd1" tabindex="2" data-form-pw="1449141125131.9749">
                    </div>
                </div>
                <div class="setting-password">
                    <div class="setting-label booContentFont"><span style="color: red; margin-right: 3px;">*</span><span>新密码：</span></div>
                    <div class="setting-inputContent">
                        <input id="password" class="setting-input" placeholder="6-18位字母或数字组合" type="password" name="Upwd1" tabindex="2" data-form-pw="1449141125131.3684">
                    </div>
                </div>
                <div class="setting-passwordConfirm">
                    <div class="setting-label booContentFont"><span style="color: red; margin-right: 3px;">*</span><span>确认密码：</span></div>
                    <div class="setting-inputContent">
                        <input id="passwordConfirm" class="setting-input" placeholder="再次输入你的密码" type="password" tabindex="3" data-form-pw="1449141125131.3188">
                    </div>
                </div>
            </div>
            <div id="changePasswordSaveButton" class="booui_bluebutton booui_button_small" onclick="editpwd()">确定</div>
        </div>
    </div>

    <div id="cc" class="hide">
        <div id="setting-detailContent" style="margin-top:0;">
            <form style="margin: 0px" id="setting-detailForm" method="post" enctype="multipart/form-data">
                <div class="setting-title booTitleFont" id="xxzl" style="margin-left: 30px; margin-top:16px;">详细资料</div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">姓名:</span>
                    </span>
                    <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" id="XingMing" type="text" value="@Model.XingMing">
                    <div class="settingMessage" id="settingNameMessage">
                        <div class="settingMessageLabel"><span style="padding-left: 10px">姓名不能为空</span></div>
                        <div class="settingMessageRoundDiv">！</div>
                    </div>
                </div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">性别:</span>
                    </span>
                    <input class="settingFormItemRadioInput" type="radio" style="margin: 0px" name="Sex" id="Sex1" checked="checked" value="0">
                    <span class="settingFormItemRadioInputOption">男</span>
                    <input class="settingFormItemRadioInput" type="radio" style="margin: 0px" name="Sex" id="Sex2" value="1">
                    <span class="settingFormItemRadioInputOption">女</span>
                </div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">手机号码:</span>
                    </span>
                    <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" type="text" id="PhoneNum" name="Phone" value="@Model.PhoneNum">
                    <div class="settingMessage" id="settingPhoneMessage">
                        <div class="settingMessageLabel"><span style="padding-left: 10px">手机号码不能为空</span></div>
                        <div class="settingMessageRoundDiv">！</div>
                    </div>
                </div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">职业:</span>
                    </span>
                    <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" type="text" id="Job" value="@Model.Job">
                    <div class="settingMessage" id="settingJobMessage">
                        <div class="settingMessageLabel"><span style="padding-left: 10px">职业不能为空</span></div>
                        <div class="settingMessageRoundDiv">！</div>
                    </div>
                </div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">头衔:</span>
                    </span>
                    <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" type="text" id="Post" value="@Model.Post">
                    <div class="settingMessage" id="settingJobMessage">
                        <div class="settingMessageLabel"><span style="padding-left: 10px">头衔不能为空</span></div>
                        <div class="settingMessageRoundDiv">！</div>
                    </div>
                </div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">QQ:</span>
                    </span>
                    <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" type="text" id="QQ" value="@Model.QQ">
                    <div class="settingMessage" id="settingJobMessage">
                        <div class="settingMessageLabel"><span style="padding-left: 10px">QQ不能为空</span></div>
                        <div class="settingMessageRoundDiv">！</div>
                    </div>
                </div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">微博:</span>
                    </span>
                    <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" type="text" id="WeChat" value="@Model.WeChat">
                    <div class="settingMessage" id="settingJobMessage">
                        <div class="settingMessageLabel"><span style="padding-left: 10px">微博不能为空</span></div>
                        <div class="settingMessageRoundDiv">！</div>
                    </div>
                </div>
                <div class="setting-Item">
                    <span class="setting-ItemLabel">
                        <span class="setting-ItemLabelStar">*</span>
                        <span class="setting-ItemLabelName booContentFont">自我介绍:</span>
                    </span>
                    <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" type="text" id="Self" value="@Model.Self">
                    <div class="settingMessage" id="settingJobMessage">
                        <div class="settingMessageLabel"><span style="padding-left: 10px">自我介绍不能为空</span></div>
                        <div class="settingMessageRoundDiv">！</div>
                    </div>
                </div>
                <div id="setting-detailSaveButtonContent">
                    <div id="setting-detailSaveButton" class="booui_bluebutton booui_button_small" onclick="ee()">保存</div>
                    <div id="setting-detailSaveMessage" class="booSideFont">保存成功!</div>
                </div>
            </form>

        </div>
    </div>

    <div id="dd" class="hide">
        <div id="setting-contentRight">
            <div class="setting-title booTitleFont" style="margin-top:16px;margin-left:30px;">基本资料</div>
            <div class="setting-Item" style="margin-top: 0; margin-bottom: 26px;">
                <div class="setting-basicTitle booContentFont">帐号:</div>
                <div id="setting-email" class="booContentFont">@Model.Email</div>
                <a href="http://boolan.com/setting#setting-passwordEditor" role="button" data-toggle="modal">
                    <div id="setting-changePassword" class="booBlueFont">修改密码</div>
                </a>
            </div>
            <div class="setting-basicHeadimageItem" style="margin-bottom: 26px;">
                <div class="setting-basicTitle booContentFont">头像:</div>
                <div id="setting-headimage">
                    <img id="setting-headimageSRC" src="/Content/Index/img/default-head-image.png">
                </div>
                <a href="http://boolan.com/setting#setting-headimageEditor" role="button" data-toggle="modal">
                    <div id="setting-changeHeadimage" class="booBlueFont">更改头像</div>
                </a>
            </div>
            <div class="setting-Item">
                <span class="setting-basicItemLabel">
                    <span class="setting-ItemLabelStar">*</span>
                    <span class="setting-ItemLabelName booContentFont">昵称:</span>
                </span>
                <input class="settingFormItemTextInput settingFormItemTextInputNormalSize" placeholder="2-8位中文字、字母或数字组合" id="nickname" type="text" name="detailEmail" value="@Model.Uname" data-form-un="1449141125131.3188">
                <div class="settingMessage" id="settingNicknameMessage">
                    <div class="settingMessageLabel"><span id="messageSpan" style="padding-left: 10px">昵称必须2-8位</span></div>
                    <div class="settingMessageRoundDiv">！</div>
                </div>
            </div>
            <div class="setting-ButtonContent">
                <div class="booui_bluebutton booui_button_small" id="srtting-saveBtn">保存</div>
                <div id="setting-saveMessage" class="booTextFont4">保存成功!</div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <div class="footer-row-1">
            <div class="container">
                <div class="row">
                    <section class="col-5">
                        <h2>博览网，高端IT在线学习平台</h2>
                        <nav>
                            <ul>
                                <li><a target="_blank" href="http://boolan.com/company/about">关于博览</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="http://boolan.com/company/career">加入我们</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="http://boolan.com/company/contact">联系我们</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="http://boolan.com/company/feedback">意见反馈</a></li>
                            </ul>
                        </nav>
                    </section>
                    <section class="col-5 footer-companion">
                        <h2>合作伙伴</h2>
                        <nav>
                            <ul>
                                <li><a href="http://study.163.com/" target="_blank"><img src="/Content/Index/img/yunKeTang.png"></a> </li>
                                <li><a href="http://www.pptvyun.com/" target="_blank"><img src="/Content/Index/img/ppCloud.png"></a></li>
                                <li><a href="http://www.chinagdg.com/forum.php" target="_blank"><img src="http://boolan.com/img/shareLayout/google.png" style="display: none !important;"></a></li>
                                <li><a href="http://msdn.microsoft.com/zh-cn/" target="_blank"><img src="/Content/Index/img/microsoft.png"></a></li>
                            </ul>
                        </nav>
                    </section>
                    <div class="col-2 footer-phone-email">
                        <p class="phone">+400-886-0806</p>
                        <p class="email">service@boolan.com</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-row-2">
            <div class="container">
                <div class="row">
                    <p class="col-10">©2015 boolan.com 博览网 版权所有&nbsp;&nbsp;&nbsp;&nbsp;温故知新（上海）教育科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;沪ICP备15014563号</p>
                    <nav class="col-2">
                        <ul>
                            <li><a target="_blank" href="http://boolan.com/company/feedback"><img src="/Content/Index/img/feedback.png"></a></li>
                            <li><a href="tencent://message/?uin=281101184&Site=www.qq.com&Menu=yes"><img src="/Content/Index/img/qq.png"></a></li>
                            <li><a href="http://weibo.com/boolan" target="_blank"><img src="/Content/Index/img/weibo.png"></a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </footer>
    <script src="/Content/Index/js/jquery-2.1.4.min.js"></script>
    <script src="/Content/Index/js/jquery.form.js"></script>
    <script src="/Content/Index/js/auto_textarea.js"></script>
    <script src="/Content/Index/js/popup_tip.js"></script>
    <!-- 实现导航栏的下拉菜单-->
    <script src="/Content/Index/js/dropDownMenu.js"></script>
    <!-- 实现消息操作 -->
    <script>
        $(function () {

            //通过轮询查看是否有新消息
            function longPolling() {
                $.ajax({
                    url: "/MessageCenter/AnyNewMessage",
                    type: "POST",
                    dataType: "json",
                    cache: false,
                    timeout: 5000,
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        if (textStatus == "timeout") {
                            //请求超时
                        } else {
                            //其他错误
                        }

                    },

                    success: function (data, textStatus) {
                        if (data != undefined && data.Status == "success" && data.Message == "ok") {
                            showMessage(data.Data);
                        }
                    }
                });
            }

            setInterval(longPolling, 10000);


            //<p class="notification-item">您有3条新回复&nbsp;<a class="notification-item-checklink" href="#">查看</a><a href="#"><img class="btn-close" src="~/img/close.png" /></a></p>
            //<p class="notification-item">您有5条新系统消息&nbsp;<a class="notification-item-checklink" href="#">查看</a><a href="#"><img class="btn-close" src="~/img/close.png" /></a></p>

            //显示新消息
            function showMessage(data) {
                if (data.NewOfficialCount > 0) {
                    $("#official-notification span").text("您有" + data.NewOfficialCount + "条新系统消息");
                    $("#official-notification .btn-close").click(clearOfficialMessage);
                    $("#official-notification").show();
                }

                if (data.NewReplyCount > 0) {
                    $("#reply-notification span").text("您有" + data.NewReplyCount + "条新回复");
                    $("#reply-notification .btn-close").click(clearReplyMessage);
                    $("#reply-notification").show();
                }
            }

            //当点击查看按钮后，隐藏消息提醒，并向服务器发送请求，消除未读消息
            function clearReplyMessage() {
                $("#reply-notification").hide();
                $.post("/MessageCenter/ClearReply");
            }

            function clearOfficialMessage() {
                $("#official-notification").hide();
                $.post("/MessageCenter/ClearOfficial");
            }

        });
    </script>
    <!--实现顶部广告条-->
    <script src="/Content/Index/js/tophint.js"></script>
    <script src="/Content/Index/js/setting.js"></script>
    <script src="/Content/Index/js/bootstrap.min.js"></script>
    <script src="/Content/Index/js/jquery.Jcrop.min.js"></script>


</body>
</html>
